<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="Keywords" content="" />
		<meta name="Description" content="" />
		<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.css">
		<title>首页</title>
	</head>
	<body>
		<div class="web">
			<!-- 头部 -->
			<header>
				<div class="box">
					<a class="imgBox">
						<img src="../images/logo.png">
					</a>
					<div class="searchBox">
						<form action="" method="">
							<input type="text" placeholder="请输入商品名称" id="search" />
							<label for="search"><i class="iconfont icon-41"></i></label>
						</form>
					</div>
					<div class="cityBox">
						<i class="iconfont icon-xiasanjiaoxing"></i>
						<select name="">
							<option value="">广州市</option>
							<option value="">汉川市</option>
							<option value="">孝感市</option>
						</select>
					</div>
				</div>
			</header>
			<!-- 主体部分 -->
			<main>
				<section class="bg">
					<div class="swiper">
					  <div class="swiper-wrapper">
					    <div class="swiper-slide">
							<img src="../images/homeBgNew.png" >
						</div>
					    <div class="swiper-slide">
							<img src="../images/homeBgNew.png" >
						</div>
					    <div class="swiper-slide">
							<img src="../images/homeBgNew.png" >
						</div>
					  </div>
					  <div class="swiper-pagination"></div>
					</div>
				</section>
				<section class="disc">
					<div class="title">
						<i class="iconfont icon-yanhua"></i>
						<h2>优惠团购</h2>
					</div>
					<div class="more">
						<h2>更多</h2>
						<i class="iconfont icon-youjiantou"></i>
					</div>
					<div class="item">
						<div class="imgBox">
							<img src="../images/homeItem1.png">
						</div>
						<div class="imgBox">
							<img src="../images/homeItem2.png">
						</div>
						<div class="imgBox">
							<img src="../images/homeItem3.png">
						</div>
						<div class="imgBox">
							<img src="../images/homeItem4.png">
						</div>
					</div>
				</section>
				<section class="shop">
					<div class="title">
						<i class="iconfont icon-aixin"></i>
						<h2>猜你喜欢</h2>
					</div>
					<div class="more">
						<h2>更多</h2>
						<i class="iconfont icon-youjiantou"></i>
					</div>
					<div class="items">
						<div class="shopBox">
							<div class="left">
								<img src="../images/homeShop1.png">
							</div>
							<div class="center">
								<h2>万岁寿司（正佳店）</h2>
								<h3>[100店通用]&nbsp;双人套餐</h3>
								<p>￥88.00</p>
							</div>
							<div class="right">
								<h2>&lt;100m</h2>
								<h3>已售1000</h3>
							</div>
						</div>
						<div class="shopBox">
							<div class="left">
								<img src="../images/homeShop2.png">
							</div>
							<div class="center">
								<h2>周黑鸭（正佳店）</h2>
								<h3>[100店通用]&nbsp;双人套餐</h3>
								<p>￥88.00</p>
							</div>
							<div class="right">
								<h2>&lt;100m</h2>
								<h3>已售1000</h3>
							</div>
						</div>
						<div class="shopBox">
							<div class="left">
								<img src="../images/homeShop2.png">
							</div>
							<div class="center">
								<h2>周黑鸭（正佳店）</h2>
								<h3>[100店通用]&nbsp;双人套餐</h3>
								<p>￥88.00</p>
							</div>
							<div class="right">
								<h2>&lt;100m</h2>
								<h3>已售1000</h3>
							</div>
						</div>
						<div class="shopBox">
							<div class="left">
								<img src="../images/homeShop2.png">
							</div>
							<div class="center">
								<h2>周黑鸭（正佳店）</h2>
								<h3>[100店通用]&nbsp;双人套餐</h3>
								<p>￥88.00</p>
							</div>
							<div class="right">
								<h2>&lt;100m</h2>
								<h3>已售1000</h3>
							</div>
						</div>
					</div>
				</section>
			</main>
			<!-- 尾部 -->
			<footer>
				<div class="box">
					<div class="bot">
						<a href="index.html"><i class="iconfont icon-fangzi"></i></a>
						<h2>首页</h2>
					</div>
					<div class="bot">
						<a href="sort.html"><i class="iconfont icon-fenlei1"></i></a>
						<h2>分类</h2>
					</div>
					<div class="bot">
						<a href="found.html"><i class="iconfont icon-compass"></i></a>
						<h2>发现</h2>
					</div>
					<div class="bot">
						<a href="user.html"><i class="iconfont icon-renxiang2"></i></a>
						<h2>我的</h2>
					</div>
				</div>
			</footer>
		</div>
	</body>
	<script src="https://unpkg.com/swiper/swiper-bundle.js"> </script>
</html>
